CSS Transition
transition
https://developer.mozilla.org/ja/docs/Web/CSS/transition
http://www.htmq.com/css3/transition.shtml
例:
transition: all 1s ease-out 0
all
transtion-property
http://www.htmq.com/css3/transition-property.shtml
transition効果
を適用するCSS propertyを指定する
all
で変化を適用できるすべてのpropertyが変化する
初期値:
all
1s
transition-duration
http://www.htmq.com/css3/transition-duration.shtml
transition効果
の長さ
初期値は
0
(変化なし)
ease-out
transition-timing-function
http://www.htmq.com/css3/transition-timing-function.shtml
変化を表す函数
初期値は
ease
0
transition-delay
http://www.htmq.com/css3/transition-delay.shtml
transition効果
がいつ始まるかを決める
初期値は
0
(即開始)
#2022-12-31
11:40:37